<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=o">
	<meta charset="utf-8">
	<title>现在是期中项目</title>
	<style>

	html,body{
		width: 100%;
		height: 100%;
		font-size: 3px;
	}

	div{
		display: inline-block;
		overflow: hidden;
	}

	a{text-decoration: none;}

	img{
		border-radius: 5px;
		width: 90%;
		transition: all 0.3s;
	}

	img:hover{
	img-shadow: 0 8px 8px 0 grey;
	transform: translate(0, 5px);
    transform:scale(1.05);
}

	.ziti1{font-family: STKaiti;}

	.ziti2{font-family: STHeiti Light;}

	p{
		font-size: 5rem;
	}

	span{
		color: white;
		margin: 3px 5px;
		font-size: 5rem;
	}


	span:hover{
		color: #00DC5A;
		transform: scale(1.1);
	}
	
	.cjh{
		width: 15%;
	}


		@media screen and (max-width: 960px) {
		.cjh{
			width: 30%; 
			}
		}

		@media screen and (max-width: 480px) {
		.cjh{
			width: 45%; 
			}
		}

		@media screen and (max-width: 240px) {
		.cjh{
			width: 80%; 
			}
		}

	</style>
	
</head>


<body style="background-color: black;">
	<div style="width: 100%; margin-left: 30px;">
		<br>
		<a href="https://www.iqiyi.com/?vfrm=pcw_home&vfrmblk=712211_topNav&vfrmrst=iQIYI_logo" target="_blank">
			<span style="font-size: 10rem; color: #00DC5A;">IQOYI爱奇艺</span>
		</a>

		<a href="https://www.iqiyi.com/?vfrm=pcw_home&vfrmblk=712211_topNav&vfrmrst=712211_channel_shouye" target="_blank">
			<span style="font-size: 6rem;">首页</span>
		</a>

		<a href="https://www.iqiyi.com/dianshiju/?vfrm=pcw_home&vfrmblk=712211_topNav&vfrmrst=712211_channel_dianshiju" target="_blank">
			<span style="font-size: 6rem;">电视剧</span>
		</a>

		<a href="https://www.iqiyi.com/dianying/?vfrm=pcw_home&vfrmblk=712211_topNav&vfrmrst=712211_channel_dianying" target="_blank">
			<span style="font-size: 6rem;">电影</span>
		</a>

		<a href="https://www.iqiyi.com/zongyi/" target="_blank">
			<span style="font-size: 6rem;">综艺</span>
		</a>

		<a href="https://www.iqiyi.com/cloudCinema1?vfrm=pcw_home&vfrmblk=712211_topNav&vfrmrst=712211_channel_yunyingyuan" target="_blank">
			<span style="font-size: 6rem;">云影院</span>
		</a>
		
		<a href="https://vip.iqiyi.com/?vfrm=pcw_home&vfrmblk=712211_topNav&vfrmrst=712211_channel_viphuiyuan" target="_blank">
			<span style="font-size: 6rem; color: goldenrod;">会员中心</span>
		</a>

	</div>


	<div style="width: 80%; margin: 2% 10%; align-items: center; ">
		<a href="https://www.iqiyi.com/v_121nxvu7x98.html?vfrm=pcw_home&vfrmblk=B&vfrmrst=fcs_0_p11" target="_blank">
			<img src="img/narm.png" alt="宁安如梦">
		</a>
	</div>


    <div style="width: 100%; margin-left: 35px;">
		<br>
		<a href="https://www.iqiyi.com/dianshiju/" target="_blank">
			<span style="font-size: 10rem;" class="ziti2">电视剧</span>
		</a>

		<a href="https://www.iqiyi.com/list/%E7%94%B5%E8%A7%86%E5%89%A7/%E7%BB%BC%E5%90%88_%E5%86%85%E5%9C%B0?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_tag1" target="_blank">
			<span>内地</span>
		</a>
		<span style="color:grey;font-size: 13px;">|</span>

		<a href="https://www.iqiyi.com/list/%E7%94%B5%E8%A7%86%E5%89%A7/%E7%BB%BC%E5%90%88_%E5%86%85%E5%9C%B0_%E8%87%AA%E5%88%B6?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_tag2" target="_blank">
			<span>自制剧</span>
		</a>
		<span style="color:grey;font-size: 13px;">|</span>

		<a href="https://www.iqiyi.com/list/%E7%94%B5%E8%A7%86%E5%89%A7/%E7%BB%BC%E5%90%88_%E5%86%85%E5%9C%B0_%E7%BD%91%E5%89%A7?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_tag3" target="_blank">
			<span>网络剧</span>
		</a>
		<span style="color:grey;font-size: 13px;">|</span>

		<a href="https://www.iqiyi.com/theater/2?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_tag4" target="_blank">
			<span>迷雾剧场</span>
		</a>
		<span style="color:grey;font-size: 13px;">|</span>

		<a href="https://www.iqiyi.com/theater/3?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_tag5" target="_blank">
			<span>恋恋剧场</span>
		</a>
		<span style="color:grey;font-size: 13px;">|</span>

		<a href="https://www.iqiyi.com/kszt/shenjuliangle.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_tag6" target="_blank">
			<span>神剧亮了</span>
		</a>
		<span style="color:grey;font-size: 13px;">|</span>

		<a href="https://www.iqiyi.com/dianshiju/" target="_blank">
			<span>更多</span>
		</a>
		<span style="color:white;font-size: 13px;"> > </span>
		
	</div>


	<div style="margin-left: 3%; margin-top: 10px;">
		<div style="line-height: 10px;" class="cjh">
			<a href="https://www.iqiyi.com/v_1pb54e3ixts.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area1" target="_blank">
				<img src="img/tgj.png" alt="田耕纪">
			</a>
			<a href="https://www.iqiyi.com/v_1pb54e3ixts.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area1" target="_blank">
				<p style="color: white;">田耕纪</p>
			</a>
			<p style="color: grey;" class="ziti1">曾舜晞田曦薇爆笑宅斗</p>
			
		</div>

		<div style="line-height: 10px;" class="cjh">
			<a href="https://www.iqiyi.com/v_26sjfdhn0tw.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area2" target="_blank">
				<img src="img/fsrj.png" alt="仿间人生">
			</a>
			<a href="https://www.iqiyi.com/v_26sjfdhn0tw.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area2" target="_blank">
				<p style="color: white;">仿生人间</p>
			</a>
			<p style="color: grey;" class="ziti1">宋威龙文淇破仿生迷案</p>
			
		</div>

		<div style="line-height: 10px;" class="cjh">
			<a href="https://www.iqiyi.com/v_wmc3k0qau0.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area3" target="_blank">
				<img src="img/hhysl.png" alt="虎鹤妖师录">
			</a>
			<a href="https://www.iqiyi.com/v_wmc3k0qau0.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area3" target="_blank">
				<p style="color: white;">虎鹤妖师录</p>
			</a>
			<p style="color: grey;" class="ziti1">虎鹤小分队热血降妖</p>
			
		</div>

		<div style="line-height: 10px;" class="cjh">
			<a href="https://www.iqiyi.com/v_am6qt7n55c.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area4" target="_blank">
				<img src="img/wdzlbjd.png" alt="我的助理不简单">
			</a>
			<a href="https://www.iqiyi.com/v_am6qt7n55c.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area4" target="_blank">
				<p style="color: white;">我的助理不简单</p>
			</a>
			<p style="color: grey;" class="ziti1">王子文白敬亭初恋重逢</p>
			
		</div>

		<div style="line-height: 10px;" class="cjh">
			<a href="https://www.iqiyi.com/v_21enh30jo3k.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area5" target="_blank">
				<img src="img/mhht.png" alt="梅花红桃">
			</a>
			<a href="https://www.iqiyi.com/v_21enh30jo3k.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area5" target="_blank">
				<p style="color: white;">梅花红桃</p>
			</a>
			<p style="color: grey;" class="ziti1">关晓彤韩东君双A博弈</p>
			
		</div>

		<div style="line-height: 10px;" class="cjh">
			<a href="https://www.iqiyi.com/v_mzhth0ui7o.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area6" target="_blank">
				<img src="img/tchgzzl.png" alt="他从火光中走来">
			</a>
			<a href="https://www.iqiyi.com/v_mzhth0ui7o.html?vfrm=pcw_home&vfrmblk=712211_dianshiju&vfrmrst=712211_dianshiju_float_video_area6" target="_blank">
				<p style="color: white;">他从火光中走来</p>
			</a>
			<p style="color: grey;" class="ziti1">黄景瑜张婧仪心动救缘</p>
			
		</div>
		
	</div>

</body>
</html>